<template>
	<view>
		<view class="page_header">
			<view class="status-bar"></view>
			<view class="navtop">
				<image @click="back" src="/static/index/Back_icon.png" mode="widthFix" class="back_icon"></image>
				<view class="balance_box">
					<image src="/static/index/index17.png" mode="" ></image>
					<!-- <text></text> -->
					<input type="text" value="" placeholder="请输入关键词进行搜索" />
				</view>
				<!-- 右边自定义图片 -->
				<view class="more"   >搜索</view>
			</view>
		</view>
		<!-- 没加fixed -->
		<view class="status-bar"></view>
		<view class="" style="height:  100rpx ;background-color: #000000;">
		</view>
		<view class="hengxian">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack({
				})
			},
		}
	}
</script>
<style lang="less">
page{
		background-color:white;
		box-sizing: border-box;
	}
.more {
	   font-size: 32rpx;
	   background: linear-gradient(45deg, rgba(212, 32, 238, 1) 0%, rgba(115, 34, 216, 1) 100%);
	   -webkit-background-clip: text;
	   color: transparent;
   }
   .balance_box{
	   width:538rpx;
	   height:60rpx;
	   background:rgba(229,229,229,1);
	   border-radius:30rpx;
	   background: rgba(229, 229, 229, 1);
	   color: #8E8E8E;
	   display: flex;
	   align-items: center;
	   font-size: 26rpx;
	   padding-left: 20rpx;
   }
   .navtop{
	   display: flex;
	   justify-content: space-between;
	   width: 750rpx;
	   align-items: center;
	   box-sizing: border-box;
	   padding-right: 38rpx;
	   
   }
   .balance_box image{
	   	width: 26rpx;
	   	height: 26rpx;
	   	margin-right: 9rpx;
   }
   .hengxian{
	   height: 10rpx;
	   width: 750rpx;
	   background-color: #EFEFF4;
   }
</style>
